view {
    /* 使用定义好的主题颜色 */
    /* color: var(--themeColor); */
}

//widthFix 让图片的标签宽高和图片的内容等比例缩放
.index_swiper {
    swiper {
        width: 750rpx;
        height: 340rpx;

        image {
            width: 100%;
        }
    }
}

.index_cate {
    /*外层容器看成一个伸缩盒子*/
    display: flex;

    navigator {
        /*每一个超链接站一份*/
        flex: 1;
        padding: 20rpx;

        image {
            width: 100%;
        }
    }
}

.index_floor {
    .floor_group {
        .floor_title {
            padding: 10rpx 0;
            image {
                width: 100%;    
            }
        }

        .floor_list {
            /*清除浮动*/
            overflow: hidden;
            navigator {
                float: left;
                width: 33.33%;
                /*后四个超链接图片*/
                &:nth-last-child(-n+4){
                   /* 原图的宽高 232 * 386
                    高度计算方式 232 / 386 =33.33vw / height 
                    
                    */
                    height:calc(33.33vw * 386 / 232 /2 );
                    border-left: 10rpx solid #fff;
                }
                /*2,3两个图片*/
                &:nth-last-child(2),
                &:nth-last-child(3){
                    border-bottom: 10rpx solid #fff;
                }
                &:nth-child(1){
                    border-bottom: 10rpx;
                }
                image {
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}